<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
      // /**  window.onload = function () { //给b1添加单价事件
      //       //首先获取按钮
      //       $("#b1").click(function () {
      //           alert("abc")
      //       })
      //   }
      //  /
        //jQuery 的入口函数（onload） DOM文档加载完成之后执行该函数中的代码
        $(function () {
            $("#b1").click(function () {
                alert("abc")
            })
        })

        $(function () {
              $("#b1").click(function () {
                  alert("上午好！")
              })
          })

        $(function () {
            $("#div1").css("background","deeppink")
        })
        $(function () {
            $("#div2").css("backgroundColor","skyblue")
        })

        /*
        * window.onload 只能定义一次
        * 比如
        * window.onload=fun1
        * window.onload=fun2
        * 那么fun2就会把fun1给覆盖掉
        *
        * 而jquery
        * $(function(){
        *
        * })却可以定义多次
        *
        *
        *
        * $(function () {
            $("#b1").click(function () {
                alert("abc")
            })
        })

        $(function () {
              $("#b1").click(function () {
                  alert("上午好！")
              })
          })
            */
    </script>
</head>
<body>
<div id="div1">div1****</div>
<div id="div2">div2****</div>
<input type="button" id="b1" value="点我啊">
<script>

</script>
</body>
</html>